<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="style/weibo.css" rel="stylesheet" type="text/css"/>
    <script src="lib/vue.js"></script>

</head>
<body>
<div class="jyArea">
    <take-comment></take-comment>
    <comment-on></comment-on>
</div>
</body>
<script>
	new Vue({
		el: ".jyArea",
		components: {
			TakeComment:{
				template:(`
				    <div class="takeComment">
                        <textarea name="textarea" class="takeTextField" id="tijiaoText"></textarea>
                        <div class="takeSbmComment">
                            <input type="button" class="inputs" value=""/>
                        </div>
                    </div>
				`)
            },
            "comment-on":{
				template:(`
				    <div class="commentOn">
                        <div class="noContent">暂无留言</div>
                        <div class="messList">
                            <div class="reply">
                                <p class="replyContent">内容</p>
                                <p class="operation">
                                    <span class="replyTime">2024.03.10 01:01:01</span>
                                    <span class="handle">
                                        <a href="javascript:;" class="top">0</a>
                                        <a href="javascript:;" class="down_icon">9</a>
                                        <a href="javascript:;" class="cut">删除</a>
                                    </span>
                                </p>
                            </div>
                        </div>
                        <page-list></page-list>
                    </div>
				`),
                components:{
					PageList:{
						template:(`
						     <div class="page">
                                <a href="javascript:;" class="active">1</a>
                                <a href="javascript:;">2</a>
                                <a href="javascript:;">3</a>
                            </div>
						`)
                    }
                }
            }
        }
	})


</script>
</html>